<template>
  <div class="container">
      <Nav/>
    <router-view class="router-view" />
  </div>
</template>

<script>
import Nav from "./nav"
export default {
    name: "product",
    components: {
        Nav
    }
}
</script>

<style lang="scss" scoped>

.container {
  height: 100vh;
  overflow: scroll;
  .nav {
    width: 200px;
    position: absolute;
    left: 0;
    top: 0;
  }
  .router-view {
    float: right;
    width: calc(100vw - 250px);
    padding: 40px 20px;
  }

}

</style>